<div id="adv_{$pos.id}" class="adv-wrap" style="padding: {$pos.padding};margin:{$pos.margin};">
    <div class="text-left " style="width:{$pos.width};height:{$pos.height};">
        <if condition="count($list) gt 0">
            <switch name="pos.style">
                <case value="2">
                    <script src="__PUBLIC__/js/ext/kinmaxshow/js/kinmaxshow.min.js"></script>
                    <div style="width:{$pos.width};height:{$pos.height}">
                        <div id="slide_{$pos.id}" style="display: none">
                            <volist name="list" id="vo">
                                <div>
                                    <a href="{$vo.url}" target="_blank" title="{$vo.title}">
                                        <img style="width:{$pos.width};height:{$pos.height};" src="{$vo.pic|pic}"
                                             alt="{$vo.title}" class="img-responsive" >
                                    </a>
                                </div>
                            </volist>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(function () {
                            var h_s = "{$pos.height}";
                            $("#slide_{$pos.id}").kinMaxShow({height: h_s});
                            $("#slide_{$pos.id}").fadeIn();
                        })
                    </script>
                </case>
                <default />
                <script src="__PUBLIC__/js/ext/glide/js/jquery.glide.js"></script>
                <link href="__PUBLIC__/js/ext/glide/css/glide.css" rel="stylesheet" type="text/css"/>
                <div class="main_visual"  style="height: {$pos.height};width:{$pos.width};">
                    <div class="glide">
						<ul class="slides">
							<volist name="list" id="vo">
							<li class="slide"><a style="width:{$pos.width};height:{$pos.height};" href="{$vo.url}" title="{$vo.title}" target="_blank"><img  style="width:{$pos.width};height:{$pos.height};" src="{$vo.pic|pic}" alt="{$vo.title}"></a></li>	
							</volist>
						</ul>
					</div>
                </div>
                <script type="text/javascript">
                    $(document).ready(function () {
                        if($('.glide').size()>0){
							var glide = $('.glide').glide({
								//autoplay:true,//是否自动播放 默认值 true如果不需要就设置此值
								animationTime:500, //动画过度效果，只有当浏览器支持CSS3的时候生效
								arrows:true, //是否显示左右导航器
								//arrowsWrapperClass: "arrowsWrapper",//滑块箭头导航器外部DIV类名
								//arrowMainClass: "slider-arrow",//滑块箭头公共类名
								//arrowRightClass:"slider-arrow--right",//滑块右箭头类名
								//arrowLeftClass:"slider-arrow--left",//滑块左箭头类名
								arrowRightText:"",//定义左右导航器文字或者符号也可以是类
								arrowLeftText:"",
								nav:true, //主导航器也就是本例中显示的小方块
								navCenter:true, //主导航器位置是否居中
								navClass:"slider-nav",//主导航器外部div类名
								navItemClass:"slider-nav__item", //本例中小方块的样式
								navCurrentItemClass:"slider-nav__item--current" //被选中后的样式
							});
						}

                    });
                </script>
            </switch>
        </if>

    </div>
    <if condition="check_auth('Admin/Adv/adv') eq 1">
        <div class="adv-tool">
            <a target="_blank" href="{:U('Admin/Adv/editPos?id=' . $pos['id'])}"><i title="设置广告位" class="icon-cog"></i> 设置 </a>
            <a target="_blank" href="{:U('Admin/Adv/adv?pos_id=' . $pos['id'])}"><i title="管理广告" class="icon-sitemap"></i> 广告 </a>
            <a target="_blank" href="{:U('Admin/Adv/editAdv?pos_id=' . $pos['id'])}"><i title="新增广告" class="icon-plus"></i> 添加 </a>
        </div>
        <div class="adv-size">
            {$pos.title}  【{$pos.name}】: {$pos.width} * {$pos.height}
        </div>
    </if>

</div>
